<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport"  content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <title>质量在线期待您的加入！</title>
    <link rel="stylesheet" href="css/style.css"/>
    <style>
        .loading {
            background: #48424f;
            width: 100%;
            height: 100%;
            position: absolute;
            z-index: 9999;
            top: 0;
            text-align: center;
        }
        .spinner {
            margin: 200px auto 0;
            width: 150px;
            text-align: center;
        }

        .spinner > div {
            width: 30px;
            height: 30px;
            background-color: #67CF22;

            border-radius: 100%;
            display: inline-block;
            -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
            animation: bouncedelay 1.4s infinite ease-in-out;
            /* Prevent first frame from flickering when animation starts */
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
        }

        .spinner .bounce1 {
            -webkit-animation-delay: -0.32s;
            animation-delay: -0.32s;
        }

        .spinner .bounce2 {
            -webkit-animation-delay: -0.16s;
            animation-delay: -0.16s;
        }

        @-webkit-keyframes bouncedelay {
            0%, 80%, 100% { -webkit-transform: scale(0.0) }
            40% { -webkit-transform: scale(1.0) }
        }

        @keyframes bouncedelay {
            0%, 80%, 100% {
                transform: scale(0.0);
                -webkit-transform: scale(0.0);
            } 40% {
                  transform: scale(1.0);
                  -webkit-transform: scale(1.0);
              }
        }
    </style>
</head>
<body>

<div id="loading" class="loading">
    <div class="spinner">
        <div class="bounce1"></div>
        <div class="bounce2"></div>
        <div class="bounce3"></div>
    </div>
</div>
<div class="wp">
    <div class="wp-inner"  id="wp-inner">
        <div class="page">
            <img class="bgImg007 bgImgpage1" src="./images/bg1.png" alt=""/>
            <div class="page1-til-box">
                <img class="page1-Til page1-Til-Text1" src="./images/page1-Til-Text.png" alt=""/>
                <img class="page1-Til page1-Til-Text2" src="./images/page1-Til.png" alt=""/>
                <img class="page1-2" src="./images/page1-2.png" alt=""/>
                <img class="page1-til-kuang page1-til-kuang1" src="./images/pag1-1.png" alt=""/>
                <img class="page1-til-kuang page1-til-kuang2" src="./images/pag1-1.png" alt=""/>
                <img class="page1-til-kuang page1-til-kuang3" src="./images/pag1-1.png" alt=""/>
                <img class="page1-til-kuang page1-til-kuang4" src="./images/pag1-1.png" alt=""/>
            </div>
            <div class="page1-dose">直取干货，不走弯路</div>
            <div class="page1-dose page1-dose2" style="font-size: 0.8rem;margin-top: 5%">质量领域专业平台“质量在<br>线”期待您的加入！</div>
        </div>
        <div class="page">
            <img class="bgImg007" src="./images/bg1.png" alt=""/>
            <div class="dongTil">
                <img class="dongba" src="./images/dongba.png" alt=""/>
                <img class="dongdong" src="./images/dongdong.gif" alt=""/>
                <div class="dongXin">
                    <img src="./images/dongXin.png" alt="" />
                </div>
                <div class="dongXin">
                    <img src="./images/dongXin.png" alt="" />
                </div>
                <div class="dongXin">
                    <p>质量在线简介</p>
                </div>
            </div>
            <div class="dcse">
                <p>质量在线是由华质检测开发的互联网产品，是质量领域权威、系统、专业的知识管理、发现与分享平台，亦是企业质量水准升级的可靠帮手。汇聚一流专家、网络海量专业资料和技术工具，质量在线为领域内专业人员及企业提供全面、高效、多渠道的质量技术服务。</p>
                <p class="mt-40"> 加入质量在线，你将拥有：</p>
                <p>【更专业的知识库】&nbsp;【更全面的工具库】&nbsp;&nbsp;</p>
                <p>【更权威的专家库】&nbsp;【更宽广的人脉圈】&nbsp;&nbsp;</p>
                <p>【更高效的解决方案】</p>
                <p class="mt-40">搜不到的质量领域解决方案都在这里，质量在线期待您的加入！</p>
            </div>
            <img src="./images/footBor.png" alt="" class="footBor"/>
        </div>
        <div class="page">
            <img class="bgImg007" src="./images/bg1.png" alt=""/>
            <div class="dongTil">
                <img class="dongba" src="./images/dongba.png" alt=""/>
                <img class="dongdong" src="./images/dongdong.gif" alt=""/>
                <div class="dongXin">
                    <img src="./images/dongXin.png" alt="" />
                </div>
                <div class="dongXin">
                    <img src="./images/dongXin.png" alt="" />
                </div>
                <div class="dongXin">
                    <p>权威专家</p>
                </div>
            </div>
            <div class="expBox expBox1 mt-60">
                <img src="./images/exp1.png" class=" expBor" alt=""/>
                <img src="./images/exp1F.jpg" alt="" class="exp1F"/>
                <div class="exp1T">
                任占勇<br>
                中国航空工业集团公司<br>可靠性专业首席专家
                </div>
            </div>
            <div class="expBox expBox2" >
                <img src="./images/exp2.png" class=" expBor" alt=""/>
                <img src="./images/exp2F.jpg" alt="" class="exp2F"/>
                <div class="exp2T">
                    邵家骏<br>
                    北京桑兰特科技<br>有限公司总经理
                </div>
            </div>
            <div class="expBox expBox1">
                <img src="./images/exp1.png" class=" expBor" alt=""/>
                <img src="./images/exp3F.jpg" alt="" class="exp1F"/>
                <div class="exp1T">
                刘红侠<br>
                西安电子科技大学<br>特聘教授
                </div>
            </div>
            <img src="./images/footBor.png" alt="" class="footBor"/>
        </div>
        <div class="page">
            <img class="bgImg007" src="./images/bg1.png" alt=""/>
            <div class="dongTil">
                <img class="dongba" src="./images/dongba.png" alt=""/>
                <img class="dongdong" src="./images/dongdong.gif" alt=""/>
                <div class="dongXin">
                    <img src="./images/dongXin.png" alt="" />
                </div>
                <div class="dongXin">
                    <img src="./images/dongXin.png" alt="" />
                </div>
                <div class="dongXin">
                    <p>海量资料库</p>
                </div>
            </div>
            <div class="page4Box mt-120 clearfix">
                <img class="page4L1" src="./images/page4-1.png" alt=""/>
                <div class="page4T page4R1">
                    专业论文库<br>
                    <span class="dis-b mt-20">轻松获取质量领域前沿、深度<br>
                    的论文资料。</span>
                </div>
            </div>
            <div class="page4Box mt-100 clearfix">
                <img class="page4L2" src="./images/page4-2.png" alt=""/>
                <div class="page4T page4R2">
                    精选电子书<br>
                    <span class="dis-b mt-20">为您推荐行业专家都在看的质<br>
                    量领域优质电子书。</span>
                </div>
            </div>
            <div class="page4Box mt-100 clearfix">
                <img class="page4L3" src="./images/page4-3.png" alt=""/>
                <div class="page4T page4R3">
                    深度讲义<br>
                    <span class="dis-b mt-20">专家的讲义资料，深入浅出，<br>
                    让你对行业了解更深一步！</span>
                </div>
            </div>
            <img src="./images/footBor.png" alt="" class="footBor"/>
        </div>
        <div class="page">
            <img class="bgImg007" src="./images/bg1.png" alt=""/>
            <div class="dongTil">
                <img class="dongba" src="./images/dongba.png" alt=""/>
                <img class="dongdong" src="./images/dongdong.gif" alt=""/>
                <div class="dongXin">
                    <img src="./images/dongXin.png" alt="" />
                </div>
                <div class="dongXin">
                    <img src="./images/dongXin.png" alt="" />
                </div>
                <div class="dongXin">
                    <p>高效工具库</p>
                </div>
            </div>
            <div class="clearfix" style="width: 90%;margin: 3rem auto 0">
                <div class="fl page5Box page5Box1">
                    <img src="./images/page5-1.png" alt=""/>
                    <div>可靠性仿真检测分析系统</div>
                </div>
                <div class="fl page5Box page5Box2">
                    <img src="./images/page5-2.jpg" alt=""/>
                    <div>质量功能展开（QFD）</div>
                </div>
                <div class="fl page5Box mt-40 page5Box3">
                    <img src="./images/page5-3.jpg" alt=""/>
                    <div>统计过程控制（SPC）</div>
                </div>
                <div class="fl page5Box mt-40 page5Box4">
                    <img src="./images/page5-4.jpg" alt=""/>
                    <div>试验设计（DOE）</div>
                </div>
            </div>
            <img src="./images/footBor.png" alt="" class="footBor"/>
        </div>
        <div class="page">
            <img class="bgImg007" src="./images/bg1.png" alt=""/>
            <div class="dongTil">
                <img class="dongba" src="./images/dongba.png" alt=""/>
                <img class="dongdong" src="./images/dongdong.gif" alt=""/>
                <div class="dongXin">
                    <img src="./images/dongXin.png" alt="" />
                </div>
                <div class="dongXin">
                    <img src="./images/dongXin.png" alt="" />
                </div>
                <div class="dongXin">
                    <p>与我们联系</p>
                </div>
            </div>
            <div class="txtalign-c mt-120">
                <img src="./images/page6RQ.png" style="width: 9rem" alt=""/>
            </div>
            <div class="txtalign-l mt-40 page6ENNA">
                电话：010-84380263<br>
                E-mail：liwei1@cape.avic.com
            </div>
            <a href="./wenjuan.html" class="page6Go">戳此填写问卷</a>
            <img src="./images/footBor.png" alt="" class="footBor"/>
        </div>
    </div>
</div>
<div class="nextGo">
    <div class="nextGoL"></div>
    <div class="nextGoR"></div>
</div>
<script type="text/javascript" src="js/zepto.min.js"></script>
<script type="text/javascript" src="js/zepto.fullpage.js"></script>
<script type="text/javascript">
    window.addEventListener("load", function() {
        setTimeout(function(){
            $('#loading').remove();
            var pagearr = $('.page');
            $('#wp-inner').fullpage({
                afterChange: function (obj) {
                    var cur = obj.cur+1,prev = obj.prev+1;
                    $(pagearr[obj.cur]) .addClass('page'+cur);
                    $(pagearr[obj.prev]) .removeClass('page'+prev);
                }
            });
        },1500);
    });
    $(function(){
        var boHe = $('body')[0].clientHeight,boWh = $('body')[0].clientWidth;
        $('.wp').height(boHe);
        $('.wp-inner').height(boHe);
        $('.page').height(boHe);
        $('.bgImg007').height(boHe).width(boHe/1.39).css('left',-(boHe/1.39-boWh)/2);
    })
</script>
</body>
</html>
